<template>
  <el-button v-bind="computedBind" class="tb-button">{{ text }}</el-button>
</template>
<script setup lang="ts">
import {computed, useAttrs} from 'vue'

defineProps({
  text: String,
  className: String
})
const attrs = useAttrs()

const computedBind = computed(() => {
  return {
    link: true,
    type: 'primary',
    ...attrs
  } as any
})

</script>
<style lang="scss" scoped>
.tb-btn {
  max-width: 100%;
  font-size: 12px;
}
</style>